@font-face {
    font-family: 'heartfont';
    src: url('/fonts/heartfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
  @font-face {
    font-family: 'Cherish';
    src: url('/fonts/Cherish.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
 @font-face {
    font-family: 'basiic';
    src: url('/fonts/basiic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
#loader {
  background-size: 20%, var(--background-size, cover), var(--background-size, cover);
  background-position: 50%, 0 0, 0 0;
  background-repeat: no-repeat, repeat, repeat;
  background-color: var(--background, #000); 
  z-index: 99999999;
  width: 100%;
  height: 100vh;
  transition: opacity .6s;
  position: fixed;
  top: 0;
  left: 0;
}
  .footer {
position: fixed !important;
bottom: 0;
  left: 0;
  right: 0;                       
  width: 100vw;                    
  max-width: 100vw;
  height: 50px;
  display: flex;
  justify-content: center;        
  overflow: hidden;
  z-index: 1000;
  pointer-events: none
}
.divider {
position: fixed !important;
top: 0;
  left: 0;
  right: 0;                        
  width: 100vw;                    
  max-width: 100vw;
  height: 50px;
  display: flex;
  justify-content: center;        
  overflow: hidden;
  z-index: 1000;
       pointer-events: none
}
  body{
   background: url('https://64.media.tumblr.com/2699e52108ca5c8bda2f7ef98448d019/46a95f6f030d0ee0-31/s250x400/a001c933c3bb8124dae486cb69bed75136cf6459.gifv'); /*note to credit creator*/

  }
 

@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}
#minor{
 background: rgba(255, 192, 203, .4);
 border-radius: 15px;
 height: 60%;
 width:80%; 
 position:relative;
   padding:1%;
 overflow: auto;
 overflow: hidden;
  border: 32px solid transparent;
  border-image-source: url('https://i.ibb.co/JWTjFDC4/divborder-3.png');
  border-image-slice: 32 fill;
  border-image-repeat: repeat;
  image-rendering: pixelated;
}
#floated2 p{
     font-family: 'heartfont'; 
}
.sidebar {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 1; /* Stay on top */
  top: 0;
  left: 0;
  background-color: #111; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidebar */
}

.sidebar a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidebar a:hover {
  color: #f1f1f1;
}

.sidebar .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.openbtn {
  font-size: 20px;
  cursor: pointer;
  background-color: #111;
  color: white;
  padding: 10px 15px;
  border: none;
}

.openbtn:hover {
  background-color: #444;
}

#main {
  transition: margin-left .5s; 
  padding: 20px;
}

@media screen and (max-height: 450px) {
  .sidebar {padding-top: 15px;}
  .sidebar a {font-size: 18px;}
}
#stamps img{
height: 56px;
 width: auto
}
#blinkies img{
 height: 26px;
 width: auto 
}
#userboxes img{
height: 45px;
 width: auto
}
.containertext{
 width:40%;
 height: 70vh;
  position:relative;
background-color:white;
padding:5%;
top:5%;
overflow:auto;
 border-width: 12px;
border-style: solid;
border-image: url("https://files.catbox.moe/o4q22b.png") 10 fill round;
    font-family: 'basiic';
    background-clip: padding-box;
}
.containertext h3{
    font-family: 'Cherish';
}
.containertext h4{
    font-family: 'heartfont';
}
.tabcontent {
    display: none;
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 9999999;
    justify-content: center;
    animation: fadeEffect 1s;
    top: 0%;
    left: 0%;
    background-image: url('/About me/choco.jpg') !important; 
  background-repeat: repeat !important; 
  background-size: auto !important; 
}